<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        // 调用 主函数
        main();

        // 1.声明 主函数 ---------------------------------------
        function main() {
            while (true) {
                //1.显示操作项目，并 获取用户选项
                let usrOpt = +prompt('欢迎使用简易计算器：\r 1.加法运算；\r 2.减法运算；\r 3.乘法运算；\r 4.除法运算；\r 5.退出；\r 请输入您的选项：');

                //2.如果 选择退出，则直接 退出循环
                if (usrOpt > 5) {
                    alert('超出选项，请重新选择~~~~');
                    continue; // 进入 下次 循环
                } else if (usrOpt == 5) {
                    alert('谢谢使用，再见~~~~');
                    break;
                }

                //3.获取 用户输入的两个 数值
                let num1 = prompt('请输入第1个数值：');
                num1 = parseInt(num1);

                let num2 = prompt('请输入第2个数值：');
                num2 = parseInt(num2);

                //4.根据用户选项进行 两个数的运算
                let res = 0;
                switch (usrOpt) {
                    case 1: //加法运算
                        res = add(num1, num2);
                        break;
                    case 2: //减法运算
                        res = sub(num1, num2);
                        break;
                    case 3: //乘法运算
                        res = plug(num1, num2);
                        break;
                    case 4: //除法运算
                        res = div(num1, num2);
                        break;
                }

                //5.显示执行结果
                alert('运算结果：' + res);
            }
        }

        // 2.使用 函数 封装 +-*/ 的 计算过程---------------------
        function add(x, y) {
            return x + y;
        }

        function sub(x, y) {
            return x - y;
        }

        function plug(x, y) {
            return x * y;
        }

        function div(x, y) {
            return x / y;
        }

    </script>
</head>

<body>

</body>

</html>